                <div class="col-md-12">
                    <div class="panel panel-info">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-12 clearfix">
                                    <h4 class="pull-left" style="margin: 0 0 20px;">统计数据 <small>更新时间：</small><small id="update_time">-</small><button type="button" class="btn btn-success" aria-label="Left Align" id="refresh_statistic">
                                        <span class="fa fa-refresh" aria-hidden="true"></span> 刷新
                                    </button></h4>
                                     <h4 class="pull-right" style="margin: 0 0 20px;"  id="shop_name"></h4>
                                    <!--<div class="btn-group pull-right">
                                        <a href="javascript:;" class="btn btn-default btn-sm active"><?php echo date('Y-m-d')?></a>
                                    </div>-->
                                </div>
                               
                               
                               <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-3 col-xs-12 col-sm-6">
                            <a class="info-tiles tiles-toyo" href="#">
                                <div class="tiles-heading">刷卡次数</div>
                                <div class="tiles-body-alt">
                                    <i class="fa fa-tag"></i>
                                    <div class="text-center" id="card_toady_times">0</div>
                                    <small>当日刷卡次数</small>
                                </div>
                                <div class="tiles-footer"></div>
                            </a>
                        </div>
                        <div class="col-md-3 col-xs-12 col-sm-6">
                            <a class="info-tiles tiles-success" href="#">
                                <div class="tiles-heading">刷卡人数</div>
                                <div class="tiles-body-alt">
                                    <i class="fa fa-tags"></i>
                                    <div class="text-center" id="card_today_users">0</div>
                                    <small>当日刷卡人数</small>
                                </div>
                                <div class="tiles-footer"></div>
                            </a>
                        </div>
                        <div class="col-md-3 col-xs-12 col-sm-6">
                            <a class="info-tiles tiles-orange" href="#">
                                <div class="tiles-heading">员工卡数</div>
                                <div class="tiles-body-alt">
                                    <i class="fa fa-male"></i>
                                    <div class="text-center" id="staff_cards">0</div>
                                    <small>员工卡统计</small>
                                </div>
                                <div class="tiles-footer"></div>
                            </a>
                        </div>
                        <div class="col-md-3 col-xs-12 col-sm-6">
                            <a class="info-tiles tiles-alizarin" href="#">
                                <div class="tiles-heading">会员卡数</div>
                                <div class="tiles-body-alt">
                                    <i class="fa  fa-group"></i>
                                    <div class="text-center" id="member_cards">0</div>
                                    <small>会员卡统计</small>
                                </div>
                                <div class="tiles-footer"></div>
                            </a>
                        </div>
                        <div class="col-md-3 col-xs-12 col-sm-6">
                            <a class="info-tiles tiles-inverse" href="#">
                                <div class="tiles-heading">临时卡数</div>
                                <div class="tiles-body-alt">
                                    <i class="fa fa-credit-card"></i>
                                    <div class="text-center" id="temporary_cards">0</div>
                                    <small>临时卡统计</small>
                                </div>
                                <div class="tiles-footer"></div>
                            </a>
                        </div>
                        <div class="col-md-3 col-xs-12 col-sm-6">
                            <a class="info-tiles tiles-sky" href="#">
                                <div class="tiles-heading">品牌个数</div>
                                <div class="tiles-body-alt">
                                    <i class="fa fa-indent"></i>
                                    <div class="text-center" id="brands">0</div>
                                    <small>品牌个数</small>
                                </div>
                                <div class="tiles-footer"></div>
                            </a>
                        </div>
                        <div class="col-md-3 col-xs-12 col-sm-6" id="shop_box">
                            <a class="info-tiles tiles-midnightblue" href="#">
                                <div class="tiles-heading">门店个数(点击查看详情)</div>
                                <div class="tiles-body-alt">
                                    <i class="fa fa-desktop"></i>
                                    <div class="text-center" id="shops">0</div>
                                    <small>门店个数</small>
                                </div>
                                <div class="tiles-footer"></div>
                            </a>
                        </div>
                        <div class="col-md-3 col-xs-12 col-sm-6">
                            <a class="info-tiles tiles-green" href="#">
                                <div class="tiles-heading">成功刷卡总计</div>
                                <div class="tiles-body-alt">
                                    <i class="fa fa-check-square"></i>
                                    <div class="text-center" id="card_success_times">0</div>
                                    <small>成功刷卡总计</small>
                                </div>
                                <div class="tiles-footer"></div>
                            </a>
                        </div>

                        <div class="col-md-3 col-xs-12 col-sm-6">
                            <a class="info-tiles tiles-magenta" href="#">
                                <div class="tiles-heading">失败刷卡总次</div>
                                <div class="tiles-body-alt">
                                    <i class="fa fa-circle"></i>
                                    <div class="text-center" id="card_fail_times">0</div>
                                    <small>失败刷卡总次</small>
                                </div>
                                <div class="tiles-footer"></div>
                            </a>
                        </div>
                    </div>
                </div>
                               
                               
                               
                            </div>
                        </div>
                    </div>

                </div>
                

